<template>
    <div class="container">
        <div class="side">
            <Side/>
        </div>
        <div class="content">
            <router-view/>
        </div>
    </div>
</template>
<script>
    import Header from "./Header";
    import Side from "./Side";
    import Content from "./Content";
    export default {
        components: {Content, Side, Header}
    }
</script>

<style scoped>
    .container { width: 1400px; height: 800px; }
    .header { width: 100%; height: 80px; float: left }
    .side { width: 200px; height: 100%; float: left }
    .content { width: 1200px; height: 100%; float: left }
</style>